cody - HTMLify profile
cody
4270 Files
632542 Views
Latest files of /cody/solygambas/html-css-javascript-projects/071-speech text reader
style.css
cody/solygambas/html-css-javascript-projects/071-speech text reader/style.css
@import url("https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300;700&display=swap");
:root {
--main-color: #6B6FA9;
--secondary-color: #272156;
--light-color: #F4F4FB;
--border-color: #E2DDEA;
--overlay-color: rgba(0,0,0,0.2);
:root {
--main-color: #6B6FA9;
--secondary-color: #272156;
--light-color: #F4F4FB;
--border-color: #E2DDEA;
--overlay-color: rgba(0,0,0,0.2);
index.html
cody/solygambas/html-css-javascript-projects/071-speech text reader/index.html
<!-- Reference: https://developer.mozilla.org/en-US/docs/Web/API/SpeechSynthesis -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
script.js
cody/solygambas/html-css-javascript-projects/071-speech text reader/script.js
const main = document.querySelector("main");
const voicesSelect = document.getElementById("voices");
const textarea = document.getElementById("text");
const readButton = document.getElementById("read");
const toggleButton = document.getElementById("toggle");
const closeButton = document.getElementById("close");
const data = [
const voicesSelect = document.getElementById("voices");
const textarea = document.getElementById("text");
const readButton = document.getElementById("read");
const toggleButton = document.getElementById("toggle");
const closeButton = document.getElementById("close");
const data = [